html,
body {
  min-height: 100%;
}

body {
  background: linear-gradient(to bottom, #03020a, #3a3136);
  text-align: center;
}

.pagination {
  margin-top: 200px;
  font-weight: bold;
  font-size: 16px;
  font-family: "helvetica neue", helvetica, arial, sans-serif;
}
.pagination a {
  padding: 8px 16px;
  border: 1px solid #262626;
  border-radius: 3px;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.6), inset 0 1px rgba(255, 255, 255, 0.4);
  color: #333;
  background: linear-gradient(to bottom, #e3e3e3, #d1d1d1);
  text-decoration: none;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.72);
}
.pagination a:hover {
  background: linear-gradient(to bottom, #d90073, #a00056);
  color: #260014;
}
.pagination a.active {
  background: linear-gradient(to bottom, #00add9, #00708c);
  color: #001e26;
}
.pagination a.prev:hover, .pagination a.next:hover {
  color: #ebebeb;
  text-shadow: none;
  background: linear-gradient(to bottom, #262626, #1a1a1a);
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.6), inset 0 1px rgba(255, 255, 255, 0.1);
}
.pagination a.prev:before {
  content: "<< ";
  font-weight: normal;
}
.pagination a.next::after {
  content: " >>";
  font-weight: normal;
}